﻿*{margin:0; padding:0;}
body 
{
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:22px;    
    color:#3E3E3E;
    background:#E9FFBE url(../WebImages/page_bg.gif) repeat-y top center;
}
li{list-style-type:none;}
img{border:0;}
a{color:#3E3E3E;text-decoration:none;}
a:hover{color:#d00013; text-decoration:none;}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.cssDate {float:right;}

.cssArticleStyle{padding-top:50px;}
.cssArticle p{text-indent:2em;margin-top:10px;font-size:14px;line-height:25px;}


#divSplitPage{margin:10px;padding-right:5px; text-align:right;}
h1{font-size:20px;}
h2{font-size:16px;}
/*表格*/
.uctable{width:100%;overflow:hidden;border:1px solid #EEE;}
.uctable tr td{padding:4px;color:#333;vertical-align:top;border-bottom:1px solid #F0F0F0; } 

/* 整体宽度 */
#divPage {width:990px; margin:0 auto; background:#FFF;}

/* 头部 */
/* Logo  */
#divLogo {background-color:#FFF; }
.cssLogoL{width:240px; height:87px; float:left; background-color:#FFF;}
.cssLogoL img {margin-top:16px;margin-left:20px;}
.cssLogoR {width:745px; float:right; text-align:right}
.cssLogoR p {height:48px;line-height:48px;}
.cssLogoR p strong{color:Red;font-size:20px;margin-right:40px;}

/* nav */
#divNav ul {margin-left:30px; height:39px;overflow:hidden;}
#divNav li {float:left; width:92px; height:39px; line-height:39px; text-align:center; font-size:14px; font-weight:bold; margin:0 3px 0 3px; }
#divNav li a {display:block; }
#divNav li a:hover {color:#fff; background:url(../WebImages/navbg.gif);}

#index li.index a,#book li.book a,#products li.products a,#news li.news a,#case li.case a {color:#fff; background:url(../WebImages/navbg.gif);}
#about1 li.about1 a,#about5 li.about5 a,#about6 li.about6 a {color:#fff; background:url(../WebImages/navbg.gif);}


/* gridline  */
.cssGridLine {height:30px; width:100%; background:#8DD03C;}
.cssGridLine2 {background:url(../WebImages/gridline2.gif) repeat-x; width:100%; height:20px;}
.cssSiteNav {background:url(../WebImages/gridline2.gif) repeat-x; height:20px; width:970px; padding:10px 20px 0 0; text-align :right; vertical-align:text-top;}


/* banner */

#divBanner {width:986px; height:316px; background:#fff;padding:2px; overflow:hidden;}
#divBanner img {width:986px; height:317px;}

/* 主体  */
#divBody {width:972px; padding:0 9px;}
#divBodyLeft {width:247px; float:left; overflow:hidden; }
#divBodyRight {width:714px; float:right; overflow:hidden;}


/* 关于我们,产品展示 类别列表 */
#divSortNav {width:247px;}
.cssAboutSortTitle {background:url(../WebImages/title_bg.gif) no-repeat;padding:7px 0 0 70px; width:177px; height:30px; font-weight:bold; color:#fff; font-size:16px; font-family:微软雅黑,Arial,Helvetica,sans-serif;}
.cssAboutSortList li {background:url(../WebImages/sort_bg.gif) no-repeat; width:239px;  margin:10px 4px 0; height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.cssAboutSortList li a {display:block; width:204px; height:30px;padding-left:35px; color:#080808;}
.cssAboutSortList li a:hover {background:url(../WebImages/sort_chk_bg.gif) no-repeat; width:204px; height:30px; color:white;}
.cssAboutSortList li.current a {background:url(../WebImages/sort_chk_bg.gif) no-repeat; width:204px; height:30px; color:white;}

/* 产品展示类别列表 */
.cssProductSortTitle {background:url(../WebImages/title_bg.gif) no-repeat;padding:7px 0 0 70px; width:177px; height:30px; font-weight:bold; color:#fff; font-size:16px; font-family:微软雅黑,Arial,Helvetica,sans-serif;}
.cssProductSortList ul li { background:url(../WebImages/sort_bg.gif) no-repeat; width:239px;  margin:10px 4px 0; height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.cssProductSortList ul li a {display:block; width:204px; height:30px;padding-left:35px; color:#396701;}
.cssProductSortList ul li a:hover {background:url(../WebImages/sort_chk_bg.gif) no-repeat; width:204px; height:30px; color:white;}
.cssProductSortList ul li.current a {background:url(../WebImages/sort_chk_bg.gif) no-repeat; width:204px; height:30px; color:white;}

.cssProductSortList ul.list li {background:url(../WebImages/dot3.gif) 35px 12px no-repeat;  font-weight:normal; font-size:12px; text-indent:12px; margin:0 4px!important; margin:0; border-bottom:1px #929292 dashed;}
.cssProductSortList ul.list li a {width:204px; display:block;}
.cssProductSortList ul.list li a:hover {background:#EFFFDB url(../WebImages/dot3.gif) 35px 12px no-repeat; color:Red; font-size:12px;}

/* 新闻列表 */
.cssNewsList {padding: 10px 20px;}
.cssNewsList li {background:url(../WebImages/dot6.gif) 5px 13px no-repeat; text-indent:1em; width:660px; height:30px; line-height:30px; overflow:hidden; border-bottom:1px #cfcfcf dashed ; font-size:14px;}
.cssNewsList li a {height:30px;  display:block; color:#535353;}
.cssNewsList li a:hover {color:#d00013;}
.cssDate {color:#535353;}

/* bodyleft */
.cssBodyTop {background:url(../WebImages/b_top.gif) no-repeat; height:31px; padding:11px 0 0 19px;}

.cssSortsList ul{padding:5px;}
.cssSortsList ul li {background:url(../WebImages/dot2.gif) 0 6px no-repeat; font-size:15px; font-weight:bold; text-indent:15px; }
.cssSortsList ul li a {color:#396701;}
.cssSortsList ul.list li {background:url(../WebImages/dot3.gif) 9px 9px no-repeat;width:180px; font-weight:normal; font-size:12px; text-indent:20px; border-bottom:1px #929292 dashed; }
.cssSortsList ul.list li a {width:180px; display:block; }
.cssSortsList ul.list li a:hover {color:Red; font-size:12px;}


.cssBodyTitle {background:url(../WebImages/dot1.gif) 0 5px no-repeat;color:#022A00; font-weight:bold; font-size:14px; text-indent:20px;}
.cssBodyMiddle {background:url(../WebImages/b_middle.gif) repeat-y; padding:0 18px 0 19px; }
.cssBodyBottom {background:url(../WebImages/b_bottom.gif) no-repeat; height:15px;}
#HotProducts {margin-top:8px;}

#divContact {background:url(../WebImages/c_bg.gif) no-repeat; margin-top:15px;}
.cssContactTitle {height:23px; line-height:23px; font-weight:bold; color:#fff; text-indent:12px; padding-top:3px;}
.cssContactContent {background:url(../WebImages/girl.gif) 163px 65px no-repeat; height:168px; border-top:3px #428908 solid; padding:10px 0 0 2px; }

/* bodyright */
.cssTopFrame {width:347px; overflow:hidden;}
.cssFrameTitle {background:url(../WebImages/dot4.gif) 5px 6px no-repeat; height:26px; line-height:26px; font-weight:bold; width:100%;text-indent:22px;}
.cssFrameTitle span{float:right; padding-top:8px; padding-right:5px;}


.cssContentTop {height:90px; overflow:hidden;}
.cssContentTop strong a {height:22px; width:210px; overflow:hidden; display:block;}
.cssFrameContent {background:url(../WebImages/line1.gif) no-repeat;padding-top:14px; overflow:hidden; height:180px;}
.cssFrameContent img {width:107px; height:76px; margin:0 10px; float:left; border:1px #DFFFB7 solid; padding:2px;}

.cssRightMiddle {width:714px; overflow:hidden;}

.cssFrameContent1,.cssArticleStyle {background:url(../WebImages/line2.gif) no-repeat;padding-top:14px; overflow:hidden;}
.cssArticleStyle {padding-top:50px;}

.cssProjBG li {background:url(../WebImages/proj_bg.gif) no-repeat; width:159px; height:150px; padding:7px 8px; float:left; margin:0 1px; text-align:center;overflow:hidden;}
.cssProjBG li img {height:119px; margin-bottom:15px;}
.cssProjBG li p {padding-top:15px;}

.cssProdList li {float:left;  margin:5px; text-align:center;width:162px;height:150px;overflow:hidden;}
.cssProdList li p.pImage{width:158px;height:120px;border:1px #CCC8B1 solid;overflow:hidden;padding:1px;}
.cssProdList li img{height:120px;}

.cssContentBottom li {background:url(../WebImages/dot5.gif) 0px 8px no-repeat; margin:0 20px; width:310px;overflow:hidden; text-indent:10px; border-bottom:1px #929292 dashed;height:23px;line-height:23px;}
.cssContentBottom li a {display:block;}


#divSou{margin-bottom:10px;}


/* 底部 */
#divBottom {background:#93C041; width:100%; height:36px; text-indent:30px; padding-top:10px;margin-top:10px;}

#divBottom span {float:right; padding-right:30px;}




/* QQ客服 */

.QQbox{ z-index:99; width: 170px; right: 3px; top: 145px; position: absolute;}
.QQbox .press{ right: 0; border: none; cursor: pointer;width: 26px; height: 136px;position: absolute;}
.QQbox .Qlist{ right: 0; width: 170px; background: url(../Images/siderIM_bg.gif) padding:5px;}
.QQbox .Qlist .b{ float: right; height: 6px; width: 170px; font-size: 1px; }
.QQbox .Qlist .infobox{ text-align:center; background:#bdc5cb; background-image:url(../Images/siderIM_infobox.gif); background-repeat:no-repeat;  padding:5px; line-height:14px; color:#000; font-weight:700;}
.QQbox .Qlist .t{ background:url(../Images/siderIM_title.gif); height:34px;}
.QQbox .Qlist .b{ background:url(../Images/siderIM_bottom.gif); height:9px; overflow:hidden; }
.QQbox .Qlist .con{ background: url(../Images/siderIM_bg.gif); width: 100%; padding: 10px 0px 10px 0px;}
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(../Images/siderIM_bg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}

.QQbox .Qlist .con ul li{ padding: 5px 5px 0px 15px; }

/*QQ END*/





